/** 平台运营、商家均能进行支付 b.支持余额、支付宝、微信支付
展示待支付金额+剩余时间 当余额>待支付金额，默认选中余额。否则默认选 中支付宝
当收到支付信息，刷新前端页面，变成订单已支付状态 */
<template>
  <div class="payTools">
    <el-dialog title="支付" :visible.sync="visible" width="500px">
      <el-tabs type="border-card" v-model="payWay" @tab-click="handleClick">
        <el-tab-pane label="余额支付" name="yue">
          <p>待支付金额：59</p>
          <p>我的余额：5911</p>
          <p>请在下单30分钟内完成支付，剩余时间12:12</p>
          <el-button>确定支付</el-button>
        </el-tab-pane>
        <el-tab-pane label="支付宝" name="alipay">
          <p>待支付金额：59元</p>
          <p>请在下单30分钟内完成支付，剩余时间12:12</p>
          <!-- 二维码 -->
          <image src="" mode="" />
        </el-tab-pane>
        <el-tab-pane label="微信" name="weChat">
          <p>待支付金额：59元</p>
          <p>请在下单30分钟内完成支付，剩余时间12:12</p>
          <!-- 二维码 -->
          <image src="" mode="" />
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      visible: false,
      payWay: "yue",
    };
  },
  mounted() {},
  methods: {
    // 支付方式切换
    handleClick() {},
  },
};
</script>
